import React,{Component}  from 'react';
import NavLink from './NavLink';
class App extends Component{
    render(){
        return (
            <div>

            

      <div className="navbar-wrapper">
      <div className="container">
        <nav className="navbar navbar-default navbar-static-top">
          <div className="container">
            <div className="navbar-header">
              <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span className="sr-only">Toggle navigation</span>
                <span className="icon-bar"></span>
                <span className="icon-bar"></span>
                <span className="icon-bar"></span>
              </button>
             
            </div>
            <div id="navbar" className="navbar-collapse collapse">
              <ul className="nav navbar-nav">
                <li>< NavLink  className="navbar-brand" to="/" onlyActiveOnIndex>首页</NavLink></li>
                <li><NavLink to="/news">新闻</NavLink></li>
                <li><NavLink to="/production">产品</NavLink></li>
                <li><NavLink to="/shopCart">购物车</NavLink></li>
              </ul>
            </div>
          </div>
        </nav>

      </div>
    </div>

                <div className="container" role="main">
                     {this.props.children}
                </div>
            </div>
        )
    }
}

module.exports = App;